<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>newpr</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="./css/common.css">

    <link rel="stylesheet" href="./utils/iconfont.css">
    <link rel="stylesheet" href="./css/New.css">
</head>

<body>
    <div class="wrap">
        <header>
            <div class="logo clearfix">
                <div class="logoBox"><img src="./images/LOGO.png" alt=""></div>
            </div>
            <nav>
                <ul>
                    <li>
                        <a href="#">集团介绍</a>
                    </li>
                    <li>
                        <a href="#">项目简介</a>
                    </li>
                    <li>
                        <a href="#">户型介绍</a>
                    </li>
                    <li>
                        <a href="#">新闻更新</a>
                    </li>
                    <li>
                        <a href="#">招商信息</a>
                    </li>
                    <li>
                        <a href="#">留言联系 </a>
                    </li>
                    <li>
                        <a href="#">友情链接</a>
                    </li>
                </ul>
            </nav>

            <div class="swiperBox News">
                <div id="pathbox">
                    <ul>
                        <li><a href="#">您的位置</a></li>
                        <li>
                            <a href="#">新闻更新</a>
                        </li>
                    </ul>
                </div>
                <h1>新闻更新</h1>
                <p class="titleEn"><i>LAEST NEWS</i> </p>

            </div>
        </header>

        <main>
            <div class="news-container">
                <div class="title-container">
                    <h2>新闻更新</h2>
                </div>
                <div class="body-container">
                    <div class="item title-english">
                        <p>LAEST NEWS</p>
                    </div>
                    <!-- item 橙色序号 -->
                    <div class="item box box-active">
                        <div class="circle circle-active">
                            <div class="date"><span id="small">201</span><span id="bigger">3.5.7</span></div>
                        </div>
                        <p>抓项目促发展，打造株洲城市建设发展升级版</p>
                        <p>http://www. zhuzhouwang. com/porta/xw/zzxw/bbrd/webinfo/2013/05/07/1367994336090554.htm</p>
                    </div>
                    <div class="item box">
                        <div class="circle">
                            <div class="date"><span id="small">201</span><span id="bigger">3.5.7</span></div>
                        </div>
                        <p>抓项目促发展，打造株洲城市建设发展升级版</p>
                        <p>http://www. zhuzhouwang. com/porta/xw/zzxw/bbrd/webinfo/2013/05/07/1367994336090554.htm</p>
                    </div>
                    <div class="item box">
                        <div class="circle">
                            <div class="date"><span id="small">201</span><span id="bigger">3.5.7</span></div>
                        </div>
                        <p>抓项目促发展，打造株洲城市建设发展升级版</p>
                        <p>http://www. zhuzhouwang. com/porta/xw/zzxw/bbrd/webinfo/2013/05/07/1367994336090554.htm</p>
                    </div>
                    <div class="item box">
                        <div class="circle">
                            <div class="date"><span id="small">201</span><span id="bigger">3.5.7</span></div>
                        </div>
                        <p>抓项目促发展，打造株洲城市建设发展升级版</p>
                        <p>http://www. zhuzhouwang. com/porta/xw/zzxw/bbrd/webinfo/2013/05/07/1367994336090554.htm</p>
                    </div>
                    <div class="item box">
                        <div class="circle">
                            <div class="date"><span id="small">201</span><span id="bigger">3.5.7</span></div>
                        </div>
                        <p>抓项目促发展，打造株洲城市建设发展升级版</p>
                        <p>http://www. zhuzhouwang. com/porta/xw/zzxw/bbrd/webinfo/2013/05/07/1367994336090554.htm</p>
                    </div>

                    <!-- 分页器 -->
                    <div class="item pager">
                        <div class="btn-box"> <button>1</button><button>2</button><button>3</button><button>下一页 &gt;</button><button>最后一页 &gt; &gt;</button></div>

                    </div>
                </div>
            </div>
        </main>
        <footer>
            <div class="left">
                <ul>
                    <li>
                        <div class="zg"><img src="./images/zg.jpg" alt=""></div>
                    </li>
                    <li>中国</li>
                    <li>隐私政策</li>
                    <li>使用条款</li>
                </ul>
            </div>
            <div class="right">COPYRIGHT © 1996-2013 RFC COMMUNICATION TECHNOLOGY CO.LTD.ALL R</div>
        </footer>
    </div>
</body>

</html>